<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
		<title>主页</title>
		<link href="../plugins/bootstrap/css/bootstrap.min.css" type="text/css" rel="stylesheet">
		<link href="../css/animate.css" type="text/css" rel="stylesheet" />
		<link href="../css/common.css" type="text/css" rel="stylesheet" />
		<style>
			.img-content{display:block;position:relative;width:100%;height:300px;padding:0;margin-bottom:20px;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.4);cursor:pointer;overflow: hidden;}
			.img-content:after{content:attr(data-type);position: absolute;top:-100%;;left:0;width:100%;height:100%;font-size:24px;line-height: 300px;text-align:center;color:#fff;background-color: rgba(0,0,0,.4);transition:all .3s ;}
			.img-responsive{display:block;width:100%;height:100%;object-fit:cover;transition:all .3s ;}
			.img-content:hover .img-responsive{-webkit-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);transform: scale(1.2,1.2);}
			.img-content:hover:after{top:0;}
			@media only screen and (max-width:991px ) {
				.img-content{height:200px;}
				.img-content:after{top:0;line-height: 200px;}
			}
		</style>
		<script src="../plugins/jquery/jquery.min.js"></script>
		<script src="../plugins/bootstrap/js/bootstrap.min.js"></script>
		<!--[if lt IE 9]>
		    <script src="../plugins/html5shiv/html5shiv.min.js"></script>
		    <script src="../plugins/respond/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div class="container-fluid page-inner">
			<div class="row">
				<div class="col-md-6">
						<a class="img-content" data-type="新主页" href="../project/nba/nba.html" target="_blank">
							<img class="img-responsive" src="../img/new_homepage.png" />
						</a>
				</div>
				<div class="col-md-6">
						<a class="img-content" data-type="NBA资讯" href="../project/nba/nba.html" target="_blank">
							<img class="img-responsive" src="../img/nba.png" />
						</a>
				</div>
				<div class="col-md-6">
						<a class="img-content" data-type="博和利服务监控管理平台" href="../project/server/index.html" target="_blank">
							<img class="img-responsive" src="../img/bhl_jgpt.png" />
						</a>
				</div>
			</div>
		</div>	
	</body>
</html>
